<script setup>

</script>

<template>
  <h1>El-走马灯组件</h1>
  <el-carousel style="width: 380px;">
    <el-carousel-item><img src="carousel1.jpg" style="width: 100%;height: 100%;"> </el-carousel-item>
    <el-carousel-item><img src="carousel2.jpg" style="width: 100%;height: 100%;"> </el-carousel-item>
    <el-carousel-item><img src="carousel3.jpg" style="width: 100%;height: 100%;"> </el-carousel-item>
    <el-carousel-item><img src="carousel4.jpg" style="width: 100%;height: 100%;"> </el-carousel-item>
  </el-carousel>
  <!-- trigger="click" 鼠标点击下方指示灯时触发切换,默认悬停切换 -->
  <el-carousel style="width: 380px;" trigger="click">
    <el-carousel-item><img src="carousel1.jpg" style="width:100%;height:100%;"></el-carousel-item>
    <el-carousel-item><img src="carousel2.jpg" style="width:100%;height:100%;"></el-carousel-item>
    <el-carousel-item><img src="carousel3.jpg" style="width:100%;height:100%;"></el-carousel-item>
    <el-carousel-item><img src="carousel4.jpg" style="width:100%;height:100%;"></el-carousel-item>
  </el-carousel>
  <!-- type="card" 轮播图使用卡片样式 -->
  <el-carousel style="width: 900px;" type="card">
    <el-carousel-item><img src="carousel1.jpg" style="width:100%;height:100%;"></el-carousel-item>
    <el-carousel-item><img src="carousel2.jpg" style="width:100%;height:100%;"></el-carousel-item>
    <el-carousel-item><img src="carousel3.jpg" style="width:100%;height:100%;"></el-carousel-item>
    <el-carousel-item><img src="carousel4.jpg" style="width:100%;height:100%;"></el-carousel-item>
  </el-carousel>
</template>

<style scoped>

</style>